<template>
  <div class="shouye_container">
      <el-container>
        <el-aside width="200px">
            <el-menu
            default-active="2"
            router
            class="el-menu-vertical-demo">
              <el-menu-item index="/shangpin4">
                  <i class="el-icon-setting"></i>
                  <span slot="title">商品1</span>
              </el-menu-item>
              <el-menu-item index="/shangpin2">
                  <i class="el-icon-setting"></i>
                  <span slot="title">商品2</span>
              </el-menu-item>
              <el-menu-item index="shangpin3">
                  <i class="el-icon-setting"></i>
                  <span slot="title">商品3</span>
              </el-menu-item>
            </el-menu>
        </el-aside>
        <el-main>
            <router-view/>
        </el-main>
      </el-container>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.el-aside {
    background-color: #D3DCE6;
    height: 90vh;
  }
  
  .el-main {
    background-color: #E9EEF3;
    height: 90vh;
  }

</style>